.order-top {
    height: 1.8rem;
    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
    box-shadow: 0 2px 6px 0 rgba(255,149,128,0.50);
    .address {
        width: 7.1rem;
        height: 2.08rem;
        margin: 0 auto;
        background: #FFFFFF;
        box-shadow: 0 5px 10px 0 rgba(255,149,128,0.10);
        border-radius: 4px;
        padding: .4rem;
        h3 {
            font-size: .36rem;
        }
        p {
            font-family: PingFangSC-Regular;
            font-size: 14px;
            color: #666666;
            line-height: 18px;
        }
    }
}
.order-content {
    margin-top: .5rem;
    background-color: #fff;
    padding: .4rem .2rem;
    .top {
        display: flex;
        justify-content: space-between;
        .left {
            display: flex;
            
            h3 {
                margin-left: .2rem;
            }
        }
        .right {
            i {
                display: inline-block;
                width: 1px;
                height: .2rem;
                background-color: #999;
                margin: 0 .2rem;
            }
            a {
                color: #ff6e55;
            }
        }
    }
    ul {
        margin: .4rem 0;
        width: 100%;
        li {
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 2.18rem;
            margin-top: .4rem;
            .left {
                margin-right: .3rem;
            }
            img {
                width: 2.18rem;
                height: 2.16rem;
                
            }
            .right {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .p1 {
                    font-size: .32rem;
                    height: .96rem;
                }
                div {
                    display: flex;
                    flex: 1;
                    flex-direction: column;
                    justify-content: space-between;
                    padding-top: .4rem;
                    p:nth-of-type(1) {
                        display: flex;
                        justify-content: space-between;
                        span:nth-of-type(1){
                            font-family: PingFangSC-Semibold;
                            font-size: 20px;
                            color: #FF6040;

                        }
                    }
                    p:nth-of-type(2) {
                        span {
                            display: inline-block;
                            background-color: #ff8066;
                            color: white;
                            margin-right: .1rem;
                            padding: 0 .06rem;
                        }
                    }  
                }

            }
        }
    }
    .row1 {
        width: 100%;
        padding: .2rem 0;
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        
    }
      
} 
.grey {
        font-family: PingFangSC-Light;
        font-size: 12px;
        color: #666666;
       font-weight: 400;
       
    }
.order-bottom {
    background-color: #fff;
    padding: .4rem .2rem;
    width: 100%;
    margin-top: .2rem;
    padding-bottom: 1rem;
    .row2 {
        width: 100%;
        display: flex;
        padding: .2rem 0;
        font-weight: 600; 
        justify-content: space-between;
    }
   
} 
.on {
        color:#FF6040 ;
    }
.order-fix {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-left: .2rem;
    background: #FFFFFF;
    box-shadow: 0 -5px 10px 0 rgba(204,204,204,0.20), 0 0 0 0 #CCCCCC;
    height: 1rem;
    p {
        font-size: .32rem;
        font-weight: 600;
    }
    div:nth-of-type(2) {
        margin-left: .2rem;
    }
    div:nth-of-type(3) {
        width: 2.2rem;
        height: 1rem;
        background-color: #ff6040;
        line-height: 1rem;
        text-align: center;
        color: white;
    }

}